<script setup lang="ts">
import { defineProps } from 'vue';
import { img, redirect } from '@/utils/common';
const props = defineProps(['item']);
</script>
<template>
	<view
		class="h-[228rpx] bg-[#fff] my-[20rpx] rounded-[20rpx] p-[24rpx] box-border flex items-center justify-between"
		@click="redirect({ url: '/app/pages/rent/shopDetail', param: { id: item.store_id } })"
	>
		<view class="w-[150rpx] h-[150rpx] mr-[20rpx]"><image :src="img(item.store_logo)" class="w-full h-full object-cover" /></view>
		<view class="w-[calc(100%-178rpx)] text-[28rpx] leading-[48rpx]">
			<view>门店：{{ item.store_name }}</view>
			<view>地址：{{ item.full_address }}</view>
			<view v-if="item?.device_list && item.device_list.length > 0">
				设备ID：
				<text v-for="(deviceiItem, deviceiIndex) in item.device_list" :key="`device${deviceiIndex}`" class="mr-[10rpx]">{{ deviceiItem.device_no }}</text>
			</view>
			<!-- <view>设备ID：987654321</view> -->
		</view>
	</view>
</template>

<style lang="scss" scoped></style>
<style lang="scss"></style>
